<template>
  <div class="count">
    <h2>我是count组件 {{ count }}</h2>
  </div>
</template>

<script>
export default {
  name: "Count",
  props: ["count"],
  data() {
    return {};
  },
  beforeCreate() {
    console.log("******beforeCreate");
  },
  created() {
    console.log("*****created");
  },
  beforeMount() {
    console.log("*****beforeMount");
    // debugger;
  },
  mounted() {
    console.log("*****mounted");
    // debugger;
  },
  beforeUpdate() {
    console.log("*****beforeUpdate");
  },
  updated() {
    console.log("*****updated");
  },
  beforeDestroy() {
    console.log("*****beforeDestroy");
  },
  destroyed() {
    console.log("******destroyed");
  },
};
</script>

<style scoped>
.count {
  background-color: pink;
}
</style>
